@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;
    src:url(/public/fonts/font-awesome/fontawesome.otf?v=4.7.0);
    src:url(/public/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0#iefix) format('embedded-opentype'),
    url(/public/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),
    url(/public/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg')
}
html{font-size: 16px; }
body {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑",Arial ,FontAwesome;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    background:#eee;
    box-shadow: 0 0 0 5px #eee;
}
a{ text-decoration: none;color: #333 }
a:hover{color:#0e54e0}
.mainpage.flex{ justify-content: space-between;}
.mainpage .lsidebox{ width:250px; flex: none; position: relative;}
.mainpage .lsidebox .navul1{ text-align: center; height: 80px; color:#fff; background-color: #0e54e0; padding: 20px 0 10px 0;}
.mainpage .lsidebox .navul1 .name{font-size: 24px; font-weight: bold; height: 25px; line-height: 25px; letter-spacing: 1px; }
.mainpage .lsidebox .navul1 .subname{ line-height: 25px; height: 25px;}
.mainpage .lsidebox .nava2{ height: 50px; line-height: 50px; display: block; border-top: 1px solid #fff; background-color: #001a43; color:#fff;}
.mainpage .lsidebox .nava2:before{ content:"\f138"; padding: 0 10px;}
.mainpage .lsidebox .nava2:hover
,.mainpage .lsidebox .nava2.curr
{ background-color:#0e54e0; }
.mainpage .lsidebox .nava3{ display: block; height: 50px; line-height: 50px;padding-left: 30px; background-color: #fff;}
.mainpage .rsidebox{  margin-left: 20px; flex: auto;}
    /* logo mainnav */
.logo_nav.am-sticky{ border-bottom: 1px solid #0e54e0;}
.logo_nav{ background-color: #fff;}
.logo_nav .container{ justify-content: space-between; padding: 1rem 0;}
.logo_nav .logo { flex: none;}

.logo_nav .navul1{ justify-content: flex-end; align-content: center; align-items: center; height: 100%; line-height: 100%;  font-size: 14px;  }
.logo_nav .navli1{ height: 30px; line-height: 30px;  font-size: 16px; padding:0 2px; border-radius: 2px; position: relative; transition: 500ms; }
.logo_nav .navli1{ position: relative; }
.logo_nav .navli1.active
,.logo_nav .navli1:hover{background:#FB8A04;}
.logo_nav .nava1{ color:#333; display: block; width:100%; height: 100%; padding: 0 16px; border-radius: 30px; position: relative; }


.logo_nav .navul2{ border-radius: 2px; overflow: hidden; position: absolute; top:200%; left:0; opacity: 0; visibility: hidden; transition: 500ms; z-index: 999999;  font-size: 16px; font-weight: normal; min-width: 100%;    }
.logo_nav .navli1:hover .navul2{ top:100%; opacity: 1; visibility: visible;}
.logo_nav .navli2{ padding: 0 16px; background-color: #000;color:#fff;border-bottom: 1px solid #333;}
.logo_nav .navli2 .nava2{ color:#fff; transition: 500ms;}
.logo_nav .navli2:hover{background:#0e54e0; }
.logo_nav .navli2:hover .nava2{ transform: translateX(10px);}
.bannerItem{ background-position: center;}
    /* currposition */
.currposition  { border: 1px dashed #999; height: 50px; line-height: 50px; width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.currposition .container {justify-content: space-between; position: relative; padding-left: 50px;}
.currposition .container :before{ content:"\f015"; padding-left: 10px; position: absolute; left:0; top:50%;  transform: translate(0%,-50%); font-size: 20px; color:#0e54e0; }

/* currposition end*/
.page{ padding: 60px 30px;}

.index-item{ padding-top: 60px;}
.index-item .titlebox{ text-align: center;}
.index-item .titlebox .txt1{ font-size: 42px; font-weight: bold; color:#0e54e0;}
.index-item .titlebox em{ color:#ff7f27;}
.index-item .titlebox .txt2{ font-size: 16px; color:#666666;}
.index-tel{ padding: 0;}
.index-tel .bg{ background: url("../images/index-tel_bg.png") repeat-y  center center; height: 100px; color:#fff; }
.index-tel .flex{height: 100%;}
.index-tel  .path{ display: flex; justify-content: center; flex-direction: column;}
.index-tel .path1{ width:63%;}
.index-tel .path .txt{ margin: 0; font-size: 20px; }
.index-tel .path1 .txt2{ font-size: 14px; color:#d4e6ff;}
.index-tel .path2{position: relative; padding-left: 50px;}
.index-tel .path .tel{ font-size: 30px; }
.index-tel .path2:before{ content:"\f2a0"; font-size: 40px; transform: rotateZ(-45deg); position: absolute; left:10px; }

.index-xfnum{ }
.index-xfnum .list{ background-color: #fff; padding: 30px 0;}
.index-xfnum .item{ flex: auto; text-align: center; border-right: 1px solid #eee;}
.index-xfnum .item:last-child{ border-right: 0;}
.index-xfnum .num{ justify-content: center; line-height: 1;}
.index-xfnum .counter{color: #0e54e0;  font-size: 55px; font-weight: bold;  font-family: Arial, Helvetica, sans-serif;}
.index-xfnum .unit{ display: block; border-radius: 50%; width: 19px;   height: 19px;  background: #0e54e0; font-size: 12px;   text-align: center; line-height: 19px;  color: #fff; margin: 10px 0px 0px 8px;}
.index-xfnum .title{    clear: both;  font-size: 24px;  color: #111111; font-weight: bold; margin: 15px 0px 10px 0px;}
.index-xfnum .subtitle{    font-size: 15px; color: #666;}

.index-pro .barlist { justify-content: space-between; margin-top: 30px;}
.index-pro  .baritem { margin: 0px 10px; height: 50px; line-height: 50px; text-align: center; background-color: #356bd4; box-shadow:  0 0 0 0 #ccc; border: 1px solid #e3e3e3; transition: 500ms;}
.index-pro  .baritem.curr
,.index-pro  .baritem:hover
{  background-color: #0e54e0;}
.index-pro  .baritem .proa{ display: block; font-size: 18px; color:#fff; }
.index-pro .pannels{ margin-top: 30px;}
.index-pro .item{ width:25%;}
.index-pro .divmain{ margin:  0 10px 20px; background: #fff; transition: 500ms;}
.index-pro .divmain .pic{ overflow: hidden;}
.index-pro .divmain .title { text-align: center; height: 60px; line-height: 60px; color:#333;transition: 500ms;}
.index-pro .divmain .pic
,.index-pro .divmain
,.index-pro .divmain .title
    ,.index-pro .divmain:hover .img
{ transition: 500ms;}

.index-pro .divmain:hover .title{background-color:#356bd4; color:#fff; rgba(14,84,224,0.3); }
.index-pro .divmain:hover .img{ transform: scale(1.1);}

.index-ad1{ background: url("../images/index_ad1_bg.jpg") no-repeat center; padding: 0;}
.index-ad1 .ad_con{ height:380px; justify-content: flex-end; }
.index-ad1 .ad_con .list {border: 30px solid #0e54e0; background: #001a43; text-align: center; flex-direction: column; justify-content: center; padding: 20px; }
.index-ad1 .ad_con .p{ line-height: 1; margin:  10px 0; }

.index-ad1 .ad_con .txt1 { color:#afc8fb; font-size:41px; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; }
.index-ad1 .ad_con .txt2{ color:#fff; font-size:42px; font-weight:bold;}
.index-ad1 .ad_con .txt3{ color:#98b8f8; font-size:20px; padding: 0 10px; text-align:center; line-height:42px; border:1px solid #2e4e8f; }
.index-ad1 .ad_con .telbox{ font-size:12px; color:#dde4f2;padding-left:45px; background:url("../images/index_ad1_tel_bg.png") no-repeat left center; height: 36px;  margin:10px auto;}
.index-ad1 .ad_con .telbox span{ color:#dde4f2; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:30px; }

.index-problem{ background-color: #fff; }
.index-problem .list{ margin-top: 30px; background: url("../images/index_problem_bg.png") no-repeat center bottom; height: 360px; justify-content: space-between;}
.index-problem .item{ width:400px; flex: none;}
.index-problem .maindiv{ border: 1px solid #eee; padding: 15px;}
.index-problem .item .protxt { margin-left: 10px;}
.index-problem .item .title{ font-weight: bold; font-size: 18px;}
.index-problem .item .desc{ font-size: 14px; margin-top: 10px;}
.index-problem .item_l{ margin-right: 150px;}
.index-problem .item_r{margin-left: 150px;}
.index-problem .probpic{ background: url("../images/index_problemitem_bg.jpg") no-repeat center; width:88px; height: 88px; flex: none;}
.index-problem .maindiv:hover .probpic{animation:am-up-down-5px 0.5s linear;}
.index-problem .maindiv:hover .title{ color:#0e54e0;}


.index-solve{ background: url("../images/index_solve_bg.jpg") no-repeat center top; padding-top: 40px; height: 1031px; }
.index-solve  .titlebox{ flex-direction: column; }
.index-solve .solve_c{ height:55px; line-height:55px; font-size:25px; color:#a4bce3; letter-spacing:3px; margin: 0 auto; padding: 0 20px; border:1px solid #27436f; }
.index-solve .solve_t{ font-size:35px; font-weight:bold; color:#dadee5;margin-top:10px; letter-spacing:1px;}
.index-solve .solve_t span{ font-size:45px; color:#fff; }
.index-solve .sol_t{ justify-content: flex-end; margin: 65px 50px 0 0; padding-bottom: 15px; }
.index-solve .sol_t .t_box1{ border-right:1px solid #e8e8e8; padding-right:25px; margin-right:25px;}
.index-solve .sol_t .t_box1 .txt1{ font-size:29.46px; color:#0e54e0; display:block; text-transform:uppercase; line-height:30px; letter-spacing:1px;}
.index-solve .sol_t .t_box1 .txt2{ font-size:40px; color:#0e54e0; font-weight:bold;}
.index-solve .sol_t .t_box2 .txt1{font-size:26px; color:#111; letter-spacing:2px; display:block; margin:8px 0px;}
.index-solve .sol_t .t_box2 .txt2{ font-size:13.12px; color:#777b84;text-transform:uppercase;letter-spacing:1px; font-family:Arial, Helvetica, sans-serif;}

.index-solve .sol_con{ margin:90px 70px 0 0; justify-content: flex-end;}
.index-solve .sol_con .list{ width:684px;}
.index-solve .sol_con  .item{width:170px; height: 210px; flex: none; position: relative; padding: 0 10px;   border:1px solid #fff; border-top: 0; border-left: 0; background-color: #f0f0f0; text-align: center;}
.index-solve .sol_con  .item:nth-child(2n){ background-color: #f4f4f4;}
.index-solve .sol_con  .item:nth-child(2n+5){ background-color: #f4f4f4;}
.index-solve .sol_con  .item:nth-child(2n+4){ background-color: #f0f0f0;}
.index-solve .sol_con  .item:before{ content: ""; width:0; height: 100%;position: absolute;  left:0; top:0; z-index: 1; background-color: #0e54e0; transition: 500ms; }
.index-solve  .solpic{ background:url(../images/index_solve_item_bg.png) no-repeat; margin:0 auto; height:49px; margin:30px auto 20px auto; z-index:3; position:relative;}
.index-solve .sol_con   .solpic1{ width:45px; }
.index-solve .sol_con   .solpic2{ width:42px; background-position-x:-51px;}
.index-solve .sol_con   .solpic3{ width:48px; background-position-x:-99px;}
.index-solve .sol_con   .solpic4{ width:49px; background-position-x:-151px;}
.index-solve .sol_con   .solpic5{ width:48px; background-position-x:-207px;}
.index-solve .sol_con   .solpic6{ width:55px; background-position-x:-259px;}
.index-solve .sol_con   .solpic7{ width:55px; background-position-x:-320px;}
.index-solve .sol_con   .solpic8{ width:48px; background-position-x:-383px;}
.index-solve .sol_con .item .txt{ font-size:13px; line-height:25px; color:#666666; z-index:3; position:relative; transition: 500ms;}
.index-solve .sol_con .item .txt .title{ display:block; font-weight:bold; font-size:20px; color:#111; margin-bottom:5px;}
.index-solve .sol_con  .item:hover:before{width:100%;  }
.index-solve .sol_con  .item:hover .txt{ color:#fff;}
.index-solve .sol_con .item:hover .txt .title{color:#fff;}
.index-solve .sol_con .item:hover .solpic{  background-position-Y:-86px !important; }
.index-cases{ padding-bottom: 60px;}
.index-cases .list{ margin-top: 30px;}
.index-cases .item{ width:33.3%;}
.index-cases .item .divmain{ margin: 10px;}
.index-cases .item .divmain .pic{ overflow: hidden;}
.index-cases .item .divmain  .title{ line-height: 3; text-align: center;}
.index-cases .item .divmain img{ transition: 500ms;}
.index-cases .item .divmain:hover img{ transform: scale(1.1);}

.index-youshi{ background: url("../images/index_youshi_bg.jpg") no-repeat center 60px #fff;}
.index-youshi .titlebox{ padding-top: 50px;}
.index-youshi .titlebox .txt1{ color:#fff;}
.index-youshi .titlebox .txt2{color:#c8e8f9}
.index-youshi  .maindiv{ padding: 80px 0; color:#fff; position: relative;}
.index-youshi .youshi_fl{ width:600px; padding: 80px 60px;  margin-left: 0; border: 3px solid #c8e8f9;}
.youshi_h1{ font-size:34px; font-weight:bold; line-height:42px;}
.youshi_h2{ font-size:21px; line-height:42px; font-family:Century Gothic;}

.youshi_h3{ width:320px; height:44px; border:1px solid #c8e8f9; line-height:44px; text-align:center; margin-top:50px; margin-left: 0; font-size:18px;}
.h4box{ margin: 40px 0 ; justify-content: space-between; width:320px;}
.youshi_h4{ width:84px; text-align:center; line-height:42px; font-size:14px; margin-top:55px; animation:am-up-5px 2s infinite; flex: none;  }
.youshi_h4 .v1{width:84px; height: 84px; border: 1px solid #c8e8f9 ; border-radius: 5px; background: url("../images/index_youshi_left_item1.png") no-repeat center;}
.youshi_h4 .v1_2{ background-image: url("../images/index_youshi_left_item2.png")}
.youshi_h4 .v1_3{ background-image: url("../images/index_youshi_left_item3.png")}

.youshi_ted{margin-left: 0; height:22px; line-height:22px; background:url("../images/index_youshi_tel_bg.png") left no-repeat;  font-size:16px; padding-left:35px; }
.youshi_ted span{ float:left;}
.youshi_ted strong{ font-size:28px; font-family:Arial, Helvetica, sans-serif; float:left; color:#ff0;}
.index-youshi .youshi_r{width:760px;  position: absolute; right:0; top:50%; transform: translateY(-50%);background:rgba(200,232,249,1); padding: 20px;}
.index-youshi .youshi_r .youshi_p{ width:50%; padding:10px; cursor: pointer; }
.index-youshi .youshi_r .youshi_v1{ font-size:46px; line-height:46px; font-family:Arial, Helvetica, sans-serif; color:#0067d0;}
.index-youshi .youshi_r .youshi_v2{ line-height:50px; font-size:20px; padding-bottom: 5px; color:#222; position: relative;}
.index-youshi .youshi_r .youshi_v2:after{ content: ""; width:100px; height: 0; border-bottom: 2px solid #0067d0; position: absolute; left:0; bottom:-2px; }
.index-youshi .youshi_r .youshi_v4{ margin-top: 10px; color:#666; font-size: 14px; line-height: 22px;}
.index-youshi .youshi_r .youshi_p:hover{animation: am-up-5px 1s 2;}

.index-test{ padding: 60px 0;}
.index-test .mainbox{ margin-top: 30px; width:1000px; overflow: hidden;}
.index-test .item{ width:1000px; flex:none; padding:10px; }
.index-test .item .txtbox{ margin-left: 20px;}
.index-test .item  .title{ font-size: 26px; line-height: 60px; height: 60px; position: relative;}
.index-test .item  .title:before{ content: ""; position: absolute; left:0; bottom:0; width:50px; height: 0; border-bottom: 4px solid #001a43; transition: 500ms;}
.index-test .item .desc{ margin-top: 30px; line-height: 2;}

.index-test .item:hover  .title:before{ width:100px;}
.index-test .testbar .li{ background-color:#0067d0;}
.index-test .testbar .li.active{ background-color:#ff7f27; width:36px;}
.index-about{ background: url("../images/index_about_bg.jpg") no-repeat center top;}
.index-about .titlebox .txt1{ color:#fff;}
.index-about .titlebox .txt2{ color:#fff;}
.index-about .maindiv{ margin-top: 30px;}
.index-about .maindiv .txt{  padding: 60px 30px; background: #eee; position: relative; }
.index-about .maindiv .title{ font-size: 26px; color:#0067d0; font-weight: bold; letter-spacing: 1px; position: relative; }
.index-about .maindiv .title:before{ content: ""; position: absolute; left:0; bottom:-15px; width:50px; height: 0; border-bottom: 4px solid #0067d0; transition: 500ms;}
.index-about .maindiv .content{ margin-top: 30px; font-size: 14px; line-height: 2; color:#787878;  }
.index-about .pic{ padding: 30px 20px; background: #fff; }
.index-about .maindiv .abouta{ position: absolute; bottom:20px; left:30px; padding: 10px 20px; color:#fff; background-color:#0067d0; }
.index-about .maindiv:hover .title:before{ width:150px;}

.index-about-piclist { margin-top: 10px;}
.index-about-piclist .about_sb_ul{ justify-content: space-around;}
.index-about-piclist .itempic{ overflow: hidden;}
.index-about-piclist .itempic .img{ transition: 500ms;}
.index-about-piclist .itemtitle{ line-height: 3; text-align: center;}
.index-about-piclist  .item:hover .img{ transform: scale(1.1);}

    /* index-news*/
.index-news{background-color: #f2f2f2; padding: 60px 0; }
.index-news a{ color:#333;}
.index-news .titlebox{ text-align: center;}
.index-news .titlebox .title{ font-size: 30px; color:#222; line-height: 1;}
.index-news .titlebox .title em{font-weight: bold;}
.index-news .box { margin-top: 30px;}
.index-news  .pannels{ margin-top: 30px; padding: 0 20px;}
.index-news .leftbox{ flex: auto; background-color: #fff; padding-bottom: 20px; margin-top: 30px;}
.index-news .leftbox .newslist{ display: none;}
.index-news .leftbox .newslist.curr{ display: block;}
.index-news .boxl { flex: none; width:250px;}
.index-news .boxl2{margin-left: 20px;}
.index-news .boxl  .title{ line-height: 2.5; text-align: center;font-weight: bold; }
.index-news .boxl   .desc{ line-height: 1.5; font-size: 14px;}
.index-news .morea{ margin-top: 10px; display: inline-block;}
.index-news .morea a{ color:#0067d0; display: block; width:100%; height: 100%;  padding: 10px 30px;  line-height: 1; border: 1px solid #0067d0; border-radius: 30px; }
.index-news .morea:hover a{background-color: #0067d0;  color:#fff; display: block; width:100%; height: 100%;}
.index-news .boxr{ flex: auto; padding-left: 20px;}
.index-news .boxr .list{ height: 100%; justify-content: space-between; }
.index-news .boxr .item{border: 1px solid #ececec; padding: 10px;}
.index-news .boxr .item:hover  .datebox{ color:#0067d0;}
.index-news .boxr .datebox{ width:80px; text-align: center; flex: none; border-right: 1px dashed #ececec;}
.index-news .boxr .datebox span{display: block;  }
.index-news .boxr .datebox .d{ font-size: 44px;line-height: 1; }
.index-news .boxr .datebox .ym{ font-size: 18px;line-height: 1.5;}
.index-news .boxr .txtbox{ flex: auto; padding-left: 20px;}
.index-news .boxr .txtbox .title{ font-weight: bold; }
.index-news .boxr .txtbox .desc{ line-height: 1.5; font-size: 14px;}

.index-news  .newtitle{ position: relative;}
.index-news  .titlebar{ line-height:60px; height: 60px; font-size: 16px;  font-weight: bold; background-color:#ddd;  border-bottom: 2px solid #f2f2f2; position: relative;}
.index-news  .barlist{ justify-content: space-between;}
.index-news  .barlist .baritem { position: relative; flex: auto; text-align: center;}
.index-news  .barlist .baritem a{ display: block; width:100%; height: 100%; }

.index-news  .barlist .baritem.curr a{background-color:#0067d0; color:#fff; }
.index-news   .newsmore{ height: 48px; line-height: 48px; position: absolute; bottom:0; right:0px; padding: 0 20px; font-weight: normal;}
/* index-news end*/



/* footer */
.footer{ background-color: #2d2d2d; padding: 60px 0; color:#b3b3b3;}
.footer a{ color:#b3b3b3;}
.footer .flex{ justify-content: space-between;}
.footer dt{ font-size: 18px; margin-bottom: 15px; }
.footer dd{font-size: 16px;  line-height: 30px;}
.footer .imgdl dt{ max-width: 120px;}
.footer .imgdl dd{ text-align: center;}
.footernav .list .item{ padding: 0 20px; line-height: 2.5}
.copyright{ border-top: 1px solid #f2f2f2; background-color: #2d2d2d; color:#b3b3b3; text-align: center; padding: 10px 0;}
/* footer end*/

.showspage .show{ padding: 40px 20px 0;}
.showspage .show.contactshow{ padding: 0; padding-top: 40px;}
.contactshow .contactul{justify-content: space-between;}
.contactshow .contactul .item{ width:48%; box-shadow: 0 0 5px rgba(218, 218, 218, 0.8); padding: 10px 10px; margin-bottom: 20px;}
.contactshow .contactul .item .txt{ margin-left: 20px; position: relative;}
.contactshow .contactul .item ._txt{ position: absolute; top:50%; left:0; transform: translateY(-50%);}
.contactshow .contactul .item:hover img{transition: 1000ms;}
.contactshow .contactul .item:hover img{transform: rotateZ(360deg);}
/*product page*/

.productpage .pagelist { justify-content: flex-start; flex-wrap: wrap; margin-top: 30px;}
.productpage .pagelist .item { width:33%;}
.productpage .pagelist .divmain{ padding: 10px; text-align: center;}
.productpage .pagelist .pic{ overflow: hidden;  box-shadow: 0 0 0 5px #efefef; }
.productpage .pagelist .img{transition: 500ms;}
.productpage .pagelist .divmain:hover .img{ transform: scale(1.1);}
.productpage .pagelist .title{ line-height: 3; font-weight: bold; font-size: 18px;}

.showproductpage .maincontent{ padding-top: 60px;}
.showproductpage .titlearea .pic{  max-width: 55%;  flex: none; text-align: right;}
.showproductpage .titlearea .titlebox{ flex: auto; margin-left:30px;}
.showproductpage .titlearea .title{ font-weight: bold; font-size:18px;}
.showproductpage .titlearea .desc{ padding-top: 16px; }
.showproductpage  .btnbar{ margin-top: 30px; border-bottom: 1px solid #0067d0;}
.showproductpage  .item{ padding: 8px 24px; border: 1px solid #eee; border-bottom: 0; margin-right: 8px; position: relative; cursor: pointer; }
.showproductpage  .item.curr:before{content: ""; position: absolute; left:0; bottom:-1px; width:100%; height: 0;  border-bottom: 1px solid #001a43; }
.showproductpage  .item.curr
,.showproductpage  .item:hover{ background:#001a43; color:#fff; }
.showproductpage  .pannels{ padding: 30px 16px 16px; border: 1px solid #eee; border-top: 0; }

.showproductpage  .samelog{ padding: 20px; }
.showproductpage .samelog .sametitle{ font-size: 18px; font-weight: bold; line-height: 3; border-bottom: 1px solid #0067d0;}
.showproductpage .samelog .roll-left{ margin-top: 20px; overflow: hidden;}
.showproductpage .samelog  .smaeitem{ padding: 0 10px;}
.showproductpage .samelog  .divmain{ }
.showproductpage .samelog  .title{ text-align: center; line-height: 2.5;}
.showproductpage .tagslog{ padding: 20px; }
.showproductpage .tagslog .title{ font-size: 18px; font-weight: bold; line-height: 3; border-bottom: 1px solid #0067d0;}
.showproductpage .tagslog .tagslist{ margin-top: 20px; justify-content: space-between;}
.showproductpage .tagslog .tagsitem{ width:48%; padding-bottom: 10px;}
    /*product page end*/
/*newspage page*/
.newspage .pagelist{ margin-top: 60px;}
.newspage .pagelist .item { background-color: #f5f5f5; border: 1px solid #f5f5f5; margin-bottom: 32px; transition: 500ms;  }
.newspage .pagelist .divmain{ margin: 16px;}
.newspage .pagelist .itema{  width:100%; height: 100%; transition: 500ms;}
.newspage .pagelist .timebox{ width:100px; flex: none; position: relative; color:#0067d0;}
.newspage .pagelist .timepath{ width:100%; line-height: 1; display: block; position: absolute; left:0; text-align: center;}
.newspage .pagelist .ym{ top:50%;font-size: 20px; transform:  translateY(40%); }
.newspage .pagelist .d{ bottom:50%; font-size: 36px; font-weight: bold; transform: translateY(10%);}
.newspage .pagelist .title{ height: 30px; line-height: 30px; font-size: 18px; color:#333;}
.newspage .pagelist .desc{ height:46px; ;  line-height: 23px; font-size: 14px; overflow: hidden; color:#666;}
.newspage .pagelist .item:hover{ transform: translate(0,-16px);}

.newspage .newslist2 .txtbox{ margin-left: 20px;}
.newspage .newslist2 .date{ font-size: 12px; color:#999; line-height: 30px; height: 30px;}

.shownewspage .maincontent{ margin-top: 30px;}
.shownewspage  .titlebox{ text-align: center;}
.shownewspage  .titlebox .title{ font-weight: bold; font-size: 20px; line-height:40px;}
.shownewspage .maincontent .shownewscontent{ margin-top: 20px;}

.shownewspage  .prolog{ padding: 20px 0; }
.shownewspage .prolog .protitle{ font-size: 18px; font-weight: bold; line-height: 3; border-bottom: 1px solid #0067d0;}
.shownewspage .prolog .prolist{ margin-top: 20px; overflow: hidden;}
.shownewspage .prolog  .proitem{ padding: 0 10px; margin-bottom: 20px;}
.shownewspage .prolog  .title{ text-align: center; line-height: 2.5;}


/*newspage page end*/
/*imgpage page*/
.imgpage  .pagelist { margin-top: 30px; justify-content: flex-start; flex-wrap: wrap;}
.imgpage   .item{ width:25%; margin-bottom: 30px;}
.imgpage .itema{ display: block; }
.imgpage  .pagelist  .divmain{ margin: 10px; background-color: #fff;}
.imgpage  .pic{   border: 1px solid #eee; text-align: center; overflow: hidden; }
.imgpage  .pic img{ width:auto; height: auto; max-width: 100%; max-height: 100%; transition: 500ms;}
.imgpage  .item .txtbox{ border: 1px solid #eee; ;border-top: 0; padding: 8px 16px; position: relative; }
.imgpage  .item .txtbox:before{ content:""; width:0; height: 0; border-bottom: 2px solid #0067d0; position: absolute; left:0; bottom:-1px;z-index: 2;transition: 500ms;}
.imgpage .item .title{ font-size: 18px; font-weight: bold; line-height: 40px;}
.imgpage .item .classname { color:#757575}
.imgpage .itema:hover img{ transform: scale(1.1); }
.imgpage .itema:hover .txtbox:before {width:100%;}

.showimgpage  .maincontent{ margin-top: 30px;}
.showimgpage   .titlebox{ text-align: center;}
.showimgpage   .titlebox .title{ font-weight: bold; font-size: 20px; line-height: 40px;  }
.showimgpage  .maincontent .content{ margin-top:20px;}
/*imgpage page end*/
/*searchpage page*/
.searchpage  .pagelist .item{ height: 40px; line-height: 40px; border-bottom: 1px solid #eee;}
/*searchpage page end*/
/*sitemappage page*/
.sitemappage  .companyname{ font-size: 30px; font-weight: bold;   line-height: 70px; text-align: center;}
.sitemappage  .sitemap{ padding: 30px;}
.sitemappage  .sitename{ font-weight: bold; font-size: 30px; line-height: 48px; height: 48px; text-align: center;}
.sitemappage  .navul{ padding-top: 16px; overflow: hidden; flex-wrap: nowrap;}
.sitemappage  .navul .navli{ padding-right: 16px; flex: none;}
.sitemappage  .navul .navli_first{ font-weight: bold; }
.sitemappage .dataul  { flex-wrap: wrap; padding: 16px ; border: 1px dotted #eee;}
.sitemappage .dataul .datali{ width:23%;  margin: 2px 2% 2px 0; }
/*sitemappage page end*/

@keyframes am-up-down-5px {
    25% {transform: translateY(-5px);}
    75% {transform: translateY(5px) ;}
    50%,100% {transform: translateY(0);}
}

@keyframes am-up-5px {
    50% {transform: translateY(-5px);}
   0%,100% {transform: translateY(0);}
}